<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<html>
	<head>
		<script type="text/javascript">
		    jQuery(function($){
				$('#adminTable').datagrid({
					title:'管理员列表', //标题
					method:'post',
					iconCls:'icon-edit', //图标
					singleSelect:false, //多选
					//height:360, //高度
					fitColumns: true, //自动调整各列，用了这个属性，下面各列的宽度值就只是一个比例。
					striped: true, //奇偶行颜色不同
					collapsible:true,//可折叠
					url:"${pageContext.request.contextPath}/sys/admin.do?queryList", //数据来源
					sortName: 'id', //排序的列
					sortOrder: 'desc', //倒序
					remoteSort: true, //服务器端排序
					idField:'id', //主键字段
					queryParams:{}, //查询条件
					pagination:true, //显示分页
					rownumbers:true, //显示行号
					columns:[[
						{field:'ck',checkbox:true,width:2}, //显示复选框
						{field:'username',title:'登录名',width:20,sortable:true,
							formatter:function(value,row,index){return row.username;} //需要formatter一下才能显示正确的数据
						},
						{field:'role',title:'角色',width:20,sortable:true,
							formatter:function(value,row,index){return row.role;}
						},
						{field:'realname',title:'真实姓名',width:30,sortable:true,
							formatter:function(value,row,index){return row.realname;}
						},
						{field:'createtime',title:'创建时间',width:30,sortable:true,
							formatter:function(value,row,index){
								return row.createtime;  
							}
						},
						//{field:'isdisabled',title:'是否禁用',width:30,sortable:true,
						//	formatter:function(value,row,index){
						//		return row.isdisabled;  
						//	}
						//},
						{field:'isdisabledShow',title:'是否禁用',width:30,sortable:true,
							formatter:function(value,row,index){
								return (row.isdisabled=='1')?'否':'是';  
							}
						}
					]],
					toolbar:[{
						text:'新增',
						iconCls:'icon-add',
						handler:function(){
							addrowAdmin();
						}
					},'-',{
						text:'更新',
						iconCls:'icon-edit',
						handler:function(){
							updaterowAdmin();
						}
					},'-',{
						text:'删除',
						iconCls:'icon-remove',
						handler:function(){
							deleterowAdmin();
						}
					},'-',{
						text:'重置密码',
						iconCls:'icon-redo',
						handler:function(){
							resetPasswordAdmin();
						}
					},'-'],
					onLoadSuccess:function(){
						$('#adminTable').datagrid('clearSelections'); //一定要加上这一句，要不然datagrid会记住之前的选择状态，删除时会出问题
					}
				});
		    	
				//下拉表格初始化，这个东西在ajax下要尽量少用，太变态了，每加载一次就会重新创建一次，隐藏在页面上，
				//时间一长效率很低，用firebug一看页面上有几十个同样的层保存着下拉框中的内容，只有整个页面全部刷新才清除。
				//不知道新版本修正了没有，我目前的做法是点击菜单的时候手动清除一下。
				$('#roleid').combobox({
					valueField:'id', //ID字段
				    textField:'rolename', //显示的字段
				    url:"${pageContext.request.contextPath}/sys/role.do?unDisabled",
					panelHeight:'auto',
					editable:false//不可编辑，只能选择
				    
				});
			
			
			$('#createtime').datebox();
			
			});
		    //新增
		    function addrowAdmin(){
		    	showWindow({
		  			title:'增加管理员',
		  			href:'${pageContext.request.contextPath}/sys/admin.do?popWindow',
		  			width:400,
		  			height:300,
		  			onLoad: function(){
		  				$('#adminForm').form('clear');
		  			}
		  			
		  		});
			}
		  //更新
		    function updaterowAdmin(){
				var rows = $('#adminTable').datagrid('getSelections');
				//这里有一个jquery easyui datagrid的一个小bug，必须把主键单独列出来，要不然不能多选
				if(rows.length==0){
					$.messager.alert('提示',"请选择你要更新的用户",'info');
					return;
				}
				if(rows.length > 1){
					$.messager.alert('提示',"只能选择一位用户进行更新",'info');
					return;
				}
				//alert(rows[0]);
				showWindow({
		  			title:'更新用户信息',
		  			href:'${pageContext.request.contextPath}/sys/admin.do?adminUpdatePop',
		  			width:400,
		  			height:300,
		  			onLoad: function(){
		  			//自动将数据填充到表单中，无需再查询数据库，这里需要注意：
		  			//如果用的是struts2，它的表单元素的名称都是user.id这样的，那load的时候不能加.user要.form('load', rows[0]);
		  			//而spring mvc中表单元素的名称不带对象前缀，直拉就是id，所以这里load的时候是：.form('load', rows[0].user)
		  				$("#adminForm").form('load', rows[0]);
		  			}
		  		});
			}
		  	
		  //删除
		  	function deleterowAdmin(){
		  		$.messager.confirm('提示','确定要删除吗?',function(result){
			        if (result){
			        	var rows = $('#adminTable').datagrid('getSelections');
			        	var ps = "";
			        	$.each(rows,function(i,n){
			        		ps += "&id="+n.id;
			        	});
			        	$.post('${pageContext.request.contextPath}/sys/admin.do?delete'+ps,function(data){
				        	$('#adminTable').datagrid('reload'); 
			        		$.messager.alert('提示',data.msg,'info');
			        	});
			        }
			    });
		  	}
		    //表格查询
			function searchUserAdmin(){
				var params = $('#adminTable').datagrid('options').queryParams; //先取得 datagrid 的查询参数
				var fields =$('#adminQueryForm').serializeArray(); //自动序列化表单元素为JSON对象
				$.each( fields, function(i, field){
					params[field.name] = field.value; //设置查询参数
				}); 
				$('#adminTable').datagrid('reload'); //设置好查询参数 reload 一下就可以了
			}
			//清空查询条件
			function clearForm(){
				$('#adminQueryForm').form('clear');
				searchUserAdmin();
			}
			
			//重置密码
			function resetPassword(){
				var rows = $('#adminTable').datagrid('getSelections');
				if(""==rows){
					$.messager.alert("提示","请选择用户","info");
					return ;
				}
				$.messager.confirm('提示','确定要将密码重置为[123456]吗?',function(result){
			        if (result){
			        	
			        	var ps = "";
			        	$.each(rows,function(i,n){
			        		ps += "&id="+n.id;
			        	});
			        	//alert(ps);
			        	$.post('${pageContext.request.contextPath}/sys/admin.do?resetPassword'+ps,function(data){
				        	$('#adminTable').datagrid('reload'); 
			        		$.messager.alert('提示',data.msg,'info');
			        	});
			        }
			    });
			}
		    
			</script>
	</head>
	<body>
		<form id="adminQueryForm" style="margin:10;text-align: center;">
		<table width="100%">
			<tr>
				<td>登录名：<input name="username" style="width: 200"></td>
				<td>是否禁用：<input  name="isdisabled" type="radio" value="0" />是<input name="isdisabled" type="radio" checked="checked" value="1" />否</td>
				<td align="center"><a href="#" onclick="clearForm();" class="easyui-linkbutton" iconCls="icon-search">清空</a></td>
			</tr>
			<tr>
				<td>角色：<input id="roleid" name="roleid" style="width: 200"></td>
				<td>创建时间：<input id="createtime" name="createtime" style="width: 200" class="Wdate" onClick="WdatePicker()"></td>
				<td align="center"><a href="#" onclick="searchUserAdmin();" class="easyui-linkbutton" iconCls="icon-search">查询</a></td>
			</tr>
		</table>
	</form>
		<div style="padding:10" id="tabdiv">
		<table id="adminTable"></table>
	</div>
	</body>
</html>